{include file="public/header"/}
<link rel="stylesheet" href="/public/static/admin/easyui/layui-v2.6.8/css/layui.css">
<style>
    /* html,
    body {
        background-color: #fff;
    }

    .editPopupBox {
        width: 100%;
        height: auto;
        padding: 20px 30px;
        box-sizing: border-box;
    } */
    body{background: #fff;}
    .manage-wrap{top :0;left :0; margin: 20px auto 10px;width: 600px;}
    .manage-wrap .ui-input{width: 185px;font-size:12px;}
    .row-item{float:left ; width:50%;}
    #balance{text-align:right;}
    .mod-form-rows .label-wrap {font-size: 12px;}
    .p1 {width:100%;}
    #linkman, #phone, #area, #address{width:485px;}
    .mod-form-rows .ctn-wrap{position:relative ;height:32px;}
    .layui-layer-content{overflow: visible!important;position: relative;overflow: auto;box-sizing: border-box;border: 1px solid #D9D9D9;}
    .intellect-fill-prompt{background-color: #FFF6E6;padding: 10px 0px 10px 10px;color: #FCAA5F;}
    .intellect-fill {width: 100%;height: 120px;position: relative;}
    .intellect-fill .intellect-order-addr {text-indent: 10px;width: 100%;height: 100%;resize: none;border: none;font-family: inherit;font-size: inherit;line-height: inherit;overflow: auto;vertical-align: top;}
    .intellect-fill .intellect-fill-num {position: absolute;bottom: 4px;right: 5px;color: #666;}
    .editBills {background: url(/css/img/edit.png);display: inline-block;width: 13px;height: 12px;}
    .ui_addr_highlight{border: 1px solid #38B3EB;box-shadow: 0 1px 1px rgba(0,0,0,0.3);background: linear-gradient(to bottom, #4dc2e6 0%,#38B3EB 100%);font-weight: bold;color: #fff;text-shadow: 0 2px 2px rgba(0,0,0,0.22);}
    .layui-form-select dl{max-height: 180px;}

    .layui-form-checkbox[lay-skin=primary] i {
		padding: 0;
	}

	.layui-form-checked[lay-skin=primary] i {
		border-color: #5dc5e7;
		background-color: #5dc5e7;
		color: #fff;
		padding: 0;
	}

	.layui-form-checkbox[lay-skin=primary]:hover i {
		border-color: #5dc5e7;
	}
</style>
<div id="manage-wrap" class="manage-wrap">
	<form class="layui-form" id="address-manage-form" action="#">
		<ul class="mod-form-rows cf" id="area-picker">
    		<li class="row-item p1">
				<div class="label-wrap"><span class="red spe_red">*</span><label for="linkman">联系人：</label></div>
				<div class="ctn-wrap"><input type="text" value="" class="ui-input" name="linkman" id="linkman"></div>
			</li>
			<li class="row-item p1">
				<div class="label-wrap"><span class="red spe_red">*</span><label for="mobile">联系电话：</label></div>
				<div class="ctn-wrap"><input type="text" value="" class="ui-input phone-group" name="mobile" id="mobile"></div>
			</li>
			<li class="row-item">
				<div class="label-wrap"><label for="province">省：</label></div>
                <div class="layui-input-inline" style="width: 200px;">
                    <select id="province" name="province" class="province-selector" data-value=" "
                        lay-filter="province-1">
                        <option value="">请选择省</option>
                    </select>
                </div>
			</li>
			<li class="row-item">
				<div class="label-wrap"><label for="city">市：</label></div>
				<div class="layui-input-inline" style="width: 200px;">
                    <select id="city" name="city" class="city-selector" data-value=" " lay-filter="city-1">
                        <option value="">请选择市</option>
                    </select>
                </div>
			</li>
			<li class="row-item">
				<div class="label-wrap"><label for="area">区：</label></div>
				<div class="layui-input-inline" style="width: 200px;">
                    <select id="county" name="area" class="county-selector" data-value=" " lay-filter="county-1">
                        <option value="">请选择区</option>
                    </select>
                </div>
			</li>
			<li class="row-item p1">
				<div class="label-wrap"><span class="red spe_red">*</span><label for="address">详细地址：</label></div>
				<div class="ctn-wrap"><input type="text" value="" class="ui-input" name="address" id="address"></div>
			</li>
		</ul>
		<div class="addr-save-chk" id="saveChk">
            <input type="checkbox" name="addrContact" id="" lay-skin="primary" title="同时保存至客户信息" value="0">
		</div>
	</form>
</div>
<script src="/public/static/admin/easyui/layui-v2.6.8/layui.js"></script>
<!-- onclick="lopen('/admin/basic/edit_address.html','修改客户地址', '700px', '500px')" -->
<script>
    //配置插件目录
    layui.config({
        base: '/public/static/admin/easyui/mods/',
        version: '1.0'
    });
    //一般直接写在一个js文件中
    layui.use(['layer', 'form', 'layarea'], function () {
        var layer = layui.layer
            , form = layui.form
            , layarea = layui.layarea;

        layarea.render({
            elem: '#area-picker',
            change: function (res) {
                //选择结果
                console.log(res);
            }
        });
    });
</script>
{include file="public/footer"/}